<div class="ui-g">
    <div class="ui-g-3 notice-navagator">
        <div class="ui-g-12 notice-navagator-search">
          <div class="ui-inputgroup">
              <input type="text" pInputText placeholder="查找公告..." style="width:85%">   
              <span class="ui-inputgroup-addon">
                <i class="fa fa-search" aria-hidden="true"></i>
              </span>  
          </div>
        </div>
        <div class="ui-g-12 notice-navagator-list">
            <p-dataScroller [value]="notices" [rows]="10" [inline]="true" [scrollHeight]="navHeight" 
              (onLazyLoad)="loadData()" [lazy]="true">
                <ng-template let-notice pTemplate="item">
                    <div class="ui-grid ui-grid-responsive ui-fluid" style="font-size:16px;padding:10px;border-bottom:1px solid #D5D5D5;">
                        <div class="ui-grid-row">
                            <div class="ui-grid-col-3" style="text-align:center">
                              <div class="notice-avatar-icon role-avator-2" mdl-shadow="8" (click)="specifySys(nav.link)"></div>
                            </div>
                            <div class="ui-grid-col-9">
                                <div class="ui-grid ui-grid-responsive ui-fluid">
                                    <div class="ui-grid-row">
                                        <div class="ui-grid-col-12">{{notice.title}}</div>
                                    </div>
                                    <div class="ui-grid-row">
                                          <div class="ui-grid-col-12">{{notice.date}}</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </ng-template>
            </p-dataScroller>
        </div>
        <div class="notice-navagator-footer">
          
        </div>
    </div>
    <div class="ui-g-9 notice-content">
        <p-editor [(ngModel)]="text" [style]="contentStyle" [readonly]="'true'">
            <p-header></p-header>
            <button pButton type="button" icon="fa fa-paper-plane" label="发  送"></button>
        </p-editor>
    </div>
  </div>